<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=,, initial-scale=1.0">
    <title>搜索栏</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <div class="container">
        <section>
            <h2 class="title">简书_搜索栏</h2>
            <form action="" class="jianshu-parent">
                <input type="text" class="jianshu-search" placeholder="搜索">
                <input type="button" name="" id="" class="jianshu-btn">
            </form>
        </section>
        <hr />
        <!-- <section>
            <h2 class="title">百度_搜索栏</h2>
            <form action="" class="baidu-parent">
                <input type="text" class="baidu-search" placeholder="搜索">
                <input type="button" name="" id="" class="baidu-btn">
            </form>
        </section> -->

        <nav>
            <div class="logo">
                <a href="#"><img src="images/baidu.png" alt=""></a>
            </div>
            <form action="" class="baidu-container">
                <input type="text" class="baidu-search">
                <span class="baidu-photo"></span>
                <span class="photo-text">按图片搜索</span>
                <input type="submit" value="百度一下" id="su" class="baidu-btn">
            </form>
        </nav>


    </div>
</body>

</html>